﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>	
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="/static/css/table.css" type="text/css">
		<link rel="stylesheet" type="text/css" media="all"
			href="/static/javascript/calendar/calendar-win2k-cold-1.css">
		<script type="text/javascript" src="/static/javascript/calendar/cal.js"></script>
		<script type="text/javascript" src="/static/javascript/comm/comm.js"></script>
		<script type="text/javascript" src="/static/javascript/comm/list.js"></script>
		<script type="text/javascript" src="/static/javascript/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="/static/javascript/calendar-ch.js"></script>
		<script type="text/javascript" src="/static/javascript/comm/time.js"></script>
		<link rel="stylesheet" href="/static/css/cwcalendar.css" type="text/css"></link>
	</head>
	<!--以下3个js库必须按照顺序引入-->
	<!--vue脚本库-->
	<script type="text/javascript"
			src="/static/js/vue-3.2.4.global.js">
		<!--axios脚本库-->
	</script>
	<script type="text/javascript"
			src="/static/js/axios-0.18.0.min.js">
	</script>
	<!--我们自己封装的axios函数库 -->
	<script type="text/javascript"
			src="/static/js/axios-helper.js">
	</script>
	<body id="app">
		<form>
			<input type="hidden" name="page.startPage" value="0">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--调动管理--调动查询 </font>
					</td>
				</tr>
				<tr>
					<td align="right">
						<input type="button" @click="queryByReason()" value="查询"
							class="BUTTON_STYLE1" >
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择员工所在I级机构
					</td>
					<td width="84%" class="TD_STYLE2">
					   <select v-model="majorChange.firstKindId" size="5" class="SELECT_STYLE2">
						    <option selected="selected">---全部---</option>
							<option v-for="first in configFileFirstKindList" :value="first.firstKindId">
								{{first.firstKindName}}
							</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请选择员工所在II级机构
					</td>
					<td width="84%" class="TD_STYLE2">
					   <select  v-model="majorChange.secondKindId"  size="5" class="SELECT_STYLE2">
						        <option selected="selected">---全部---</option>
								<option v-for="second in configFileSecondKindList" :value="second.secondKindId">
									{{second.secondKindName}}
								</option>
						</select>
					</td>
				</tr>
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择员工所在III级机构
					</td>
					<td width="84%" class="TD_STYLE2">
						 <select  v-model="majorChange.thirdKindId" size="5" class="SELECT_STYLE2">
							    <option selected="selected">---全部---</option>
								<option v-for="third in ConfigFileThirdKindList" :value="third.thirdKindId">
									{{third.thirdKindName}}
								</option>
					   </select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请选择职位分类
					</td>
					<td width="84%" class="TD_STYLE2">
						<select v-model="majorChange.majorKindId" size="5" class="SELECT_STYLE2">
							<option selected="selected">---全部---</option>
							<option v-for="majorKind in configMajorKindList" :value="majorKind.majorKindId">
								{{majorKind.majorKindName}}
							</option>
					  </select>
					</td>
				</tr>
				<tr class="TR_STYLE1">
					<td width="16%" class="TD_STYLE1">
						请选择职位名称
					</td>
					<td width="84%" class="TD_STYLE2">
						<select v-model="majorChange.majorId"  size=5  class="SELECT_STYLE2">
							<option selected="selected">---全部---</option>
							<option v-for="con in configMajorList" :value="con.majorId">
								{{con.majorName}}
							</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						请输入建档时间
					</td>
					<td width="84%" class="TD_STYLE2">
						<input type="date" class="INPUT_STYLE2" v-model="majorChange.dateStart" style="width:24% " value="" size="30"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
	<script type="module">
		Vue.createApp({
			data(){
				return{
					//一级结构列表集合
					configFileFirstKindList:[],
					//二级结构列表集合
					configFileSecondKindList:[],
					//三级结构列表集合
					ConfigFileThirdKindList:[],
					//一级结构列表集合保存对象
					configFileSecondKind:null,
					//二级结构列表集合保存对象
					configFileThirdKind:null,
					//三级结构列表集合保存对象
					fourth:null,
					//时间
					dateStart:null,
					//职位分类列表集合
					configMajorKindList:[],
					//职位分类列表集合保存对象
					configMajorKind:null,
					//职位名称列表集合
					configMajorList:[],
					//职位名称列表集合保存对象
					configMajor:null,
					majorChange:{
						//自增
						mchid:null,
						//一级机构编号
						firstKindId:null,
						//一级机构名称
						firstKindName:null,
						//二级机构编号
						secondKindId:null,
						//二级机构名称
						secondKindName:null,
						//三级机构编号
						thirdKindId:null,
						//三级机构名称
						thirdKindName:null,
						//职位分类编号
						majorKindId:null,
						//职位分类名称
						majorKindName:null,
						//职位编号
						majorId:null,
						//职位名称
						majorName:null,
						//新一级机构编号
						newFirstKindId:null,
						//新一级机构名称
						newFirstKindName:null,
						//新二级机构编号
						newSecondKindId:null,
						//新二级机构名称
						newSecondKindName:null,
						//新三级机构编号
						newThirdKindId:null,
						//新三级机构名称
						newThirdKindName:null,
						//新三级机构名称
						newMajorKindId:null,
						//新职位分类名称
						newMajorKindName:null,
						//新职位编号
						newMajorId:null,
						//新职位名称
						newMajorName:null,
						//人力资源档案编号
						humanId:null,
						//姓名
						humanName:null,
						//薪酬标准编号
						salaryStandardId:null,
						//薪酬标准名称
						salaryStandardName:null,
						//薪酬总额
						salarySum:null,
						//薪酬总额
						newSalaryStandardId:null,
						//新薪酬标准名称
						newSalaryStandardName:null,
						//新薪酬总额
						newSalarySum:null,
						//调动原因
						changeReason:null,
						//调动原因
						checkReason:null,
						//复核通过状态
						checkStatus:null,
						//登记人
						register:null,
						//复核人
						checker:null,
						//复核人
						registTime:null,
						//复核时间
						checkTime:null
					}

				}
			},
			methods:{
				//加载一级结构列表
				loadConfigFileFirstKindList(){
					requestGet("/configFileFirstKind/queryList").then((data)=>{
						console.info(data);
						this.configFileFirstKindList=data;
					})
				},
				loadConfigFileSecondKindList(){
					//加载二级机构设置列表
					requestGet("/configFileSecondKind/queryList").then((data)=>{
						console.info(data);
						this.configFileSecondKindList=data;
					})
				},
				loadConfigFileThirdKindList(){
					//查询三级机构设置
					requestGet("/configFileThirdKind/queryList").then((data)=>{
						console.info(data);
						this.ConfigFileThirdKindList=data;
					})
				},
				loadConfigMajorKindList(){
					//查询职位分类列表
					requestGet("/configMajorKind/queryList").then((data)=>{
						console.info(data);
						this.configMajorKindList=data;
					})
				},
				loadConfigMajorList(){
					//查询职位名称列表
					requestGet("/configMajor/queryList").then((data)=>{
						console.info("***data",data);
						this.configMajorList=data;
					})
				},
				queryByReason(){
					// this.majorChange.firstKindId=this.configFileSecondKind.firstKindId;
					// this.majorChange.secondKindId=this.configFileThirdKind.secondKindId;
					// this.majorChange.thirdKindId=this.fourth.thirdKindId ;
					// this.majorChange.majorKindId=this.configMajorKind.majorKindId;
					// this.majorChange.majorId =this.configMajor.majorId;
					// this.majorChange.registTime=this.dateStart;
					sessionStorage.setItem("firstKindId",this.majorChange.firstKindId || "");
					sessionStorage.setItem("secondKindId",this.majorChange.secondKindId || "");
					sessionStorage.setItem("thirdKindId",this.majorChange.thirdKindId || "");
					sessionStorage.setItem("majorKindId",this.majorChange.majorKindId || "");
					sessionStorage.setItem("majorId",this.majorChange.majorId || "");
					sessionStorage.setItem("registTime",this.dateStart || "");
					console.info(this.majorChange);
					window.location.href="/templates/page/transfer/list.html";
				}
			},
			created(){
				this.loadConfigFileFirstKindList();
				this.loadConfigFileSecondKindList();
				this.loadConfigFileThirdKindList();
				this.loadConfigMajorKindList();
				this.loadConfigMajorList();

			}
		}).mount("#app");
	</script>
</html>

